<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>客户仪表盘</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
    <style>
        /* 新增的背景样式 - 开始 */
       body::before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-image: url("{{ url_for('static', filename='images/微信图片_20250620141024.jpg') }}");
            background-size: cover;
            background-position: center;
            z-index: -1;

        }

        .container {
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 15px;
            padding: 30px;
            margin-top: 50px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }
        /* 新增的背景样式 - 结束 */
        .feature-card {
            transition: transform 0.2s;
        }
        .feature-card:hover {
            transform: translateY(-5px);
        }
    </style>
</head>
<body class="bg-light">
<div class="container mt-5">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h2>欢迎，{{ card_info.customerName }}</h2>
        <div>
            <a href="{{ url_for('customer_logout') }}" class="btn btn-outline-danger">退出登录</a>
        </div>
    </div>

    {% with messages = get_flashed_messages() %}
        {% if messages %}
            {% for message in messages %}
                <div class="alert alert-success">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}

    <div class="row">
        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">余额查询</h3>
                    <p class="card-text text-muted">查看账户当前余额</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_balance') }}" class="btn btn-primary">查询余额</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">交易记录</h3>
                    <p class="card-text text-muted">查看历史交易明细</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_trades') }}" class="btn btn-primary">查看记录</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">存款</h3>
                    <p class="card-text text-muted">存入现金</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_deposit') }}" class="btn btn-success">存款</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">取款</h3>
                    <p class="card-text text-muted">取出现金</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_withdraw') }}" class="btn btn-warning">取款</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">挂失</h3>
                    <p class="card-text text-muted">银行卡挂失</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_loss') }}" class="btn btn-danger">挂失</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">修改密码</h3>
                    <p class="card-text text-muted">修改银行卡密码</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_password') }}" class="btn btn-secondary">修改密码</a>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card feature-card mb-4 shadow-sm">
                <div class="card-body text-center">
                    <h3 class="card-title">转账</h3>
                    <p class="card-text text-muted">转账到其他账户</p>
                    <div class="d-grid">
                        <a href="{{ url_for('customer_transfer') }}" class="btn btn-info">转账</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html> 